/*Popup*/
.do-popup{position:relative;border:1px solid #fff;width:802px; background:#fff;z-index:15;margin:auto}
.do-popup .popup-inner{ border:1px solid #000;}
.do-popup .p-close{position:absolute; top:11px; right:11px; display:block; background:url(http://www.mjgroup.com.vn/images_v3/ico.png) no-repeat 0 -460px; width:19px; height:19px;cursor:pointer;}
.do-popup .p-bg{background:#fff url(http://www.mjgroup.com.vn/images_v3/cc-bg-detail.png) repeat;}
.do-popup .p-title{height:39px;}
.do-popup .p-title h1{font-size:20px; color:#333;text-transform:uppercase;font-family:NhomMuaMedium,arial;padding-left:30px; line-height:39px;}
.do-popup .p-container{border-top:1px solid #cccccc;margin-top:1px;padding-bottom:20px;}
.do-popup .p-form{padding:20px 0 0;}
.do-popup .row{padding-bottom:10px;position:relative;}
/*don hang*/
.profile p.note{ clear:left; font-size:13px; color:#4a4a4a; line-height:20px;padding-right:25px;padding-top:6px; display:block;}
.p-form{ overflow:hidden;}
.p-left{ float:left; min-width:346px; max-width:49%; overflow:hidden;}

.p-form h6{ font-family:NhomMuaMedium; font-size:20px; color:#080808; line-height:22px;}

.p-left p{ font-size:15px; color:#080808; margin-top:6px;}
.p-left p span{ display:inline-block; width:86px; color:#666;}
.p-left p font,.p-left p b{font-family:NhomMuaMedium;}
.p-left p b{font-size:20px;line-height:25px;}

.tab-order{width:770px;margin:0 0 0 16px; border:1px solid #9A9A9A; margin-top:6px; clear:left;
box-shadow:5px 5px 0 rgba(223,223,223,0.75); -moz-box-shadow:5px 5px 0 rgba(223,223,223,0.75); -webkit-box-shadow:5px 5px 0 rgba(223,223,223,0.75);}
.tab-order-h{ background:#0095da url(http://www.mjgroup.com.vn/images_v3/cc-bg-detail.png) repeat-x; width:100%; height:65px; position:relative;}
.tab-order .number,.tab-order .name,.tab-order .amo,.tab-order .unitprice,.tab-order .price{ float:left;font-family:NhomMuaMedium; }
.tab-order-h .number,.tab-order-h .name,.tab-order-h .amo,.tab-order-h .unitprice,.tab-order-h .price{ text-align:center; color:#fff;font-size:20px; line-height:65px;}
.tab-order-h .name{ text-align:left;}
.tab-order .number{ width:95px;}
.tab-order .name{ width:245px; padding:0 10px;}
.tab-order .amo{ width:90px;}
.tab-order .unitprice{ width:140px;}
.tab-order .price{ width:180px;}
.tab-order .line-ver{ height:100%; position:absolute; top:0; border-left:1px solid #0085C2; border-right:1px solid #7DD3FA; width:0; font-size:0; display:block;}
.tab-order .line-hoz{display:block;height:0; font-size:0; border-top:1px solid #7DD3FA; border-bottom:1px solid #0085C2; margin:0 auto;}
.tab-order-b{ position:relative; overflow:hidden; background-color:#E2E7E9; padding:6px 0;}
.tab-order .tab-order-b .line-ver{border-left:1px solid #ccc; border-right:1px solid #fff}
.tab-order-b .number,.tab-order-b .name,.tab-order-b .amo,.tab-order-b .unitprice,.tab-order-b .price{ color:#333; text-transform:uppercase; font-size:15px; padding-top:12px; text-align:left; line-height:20px;}
.tab-order-b .number,.tab-order-b .amo,.tab-order-b .unitprice,.tab-order-b .price{ text-align:center; font-size:17px;}
.tab-order-f{ background-color:#999;}
.tab-order-f .unitprice,.tab-order-f .price{font-weight:700;}
.unitprice i,.price i,.balance i{ position:relative; text-decoration:underline; font-size:15px; top:-6px; text-transform:none;display:inline-block;}
.tab-order .balance{background-color:#E2E7E9; display:block; position:absolute; font-size:15px; font-family:NhomMuaMedium; color:#666; line-height:37px; width:410px; height:37px;left:360px; bottom:0; text-align:right;}
.tab-order .balance .price{ float:right; padding:0; line-height:37px;}
.tab-order .tab-order-b .line-hoz{border-top:1px solid #ccc; border-bottom:1px solid #fff; width:410px; top:0;}
.tab-order .tab-order-f{ color:#fff; font-family:NhomMuaMedium; font-size:15px; line-height:32px; text-align:right;}
.tab-order .tab-order-f .price{ float:right; text-align:center;}
.tab-order-b .name{ position:relative; padding-bottom:12px; z-index:1;}
.tab-order .select{ border-radius:4px; -moz-border-radius:4px;-webkit-border-radius:4px; font-family:arial; font-size:18px; line-height:18px; width:50px; border:1px solid #333;}

.order-note{ overflow:hidden; margin-top:12px;}
.order-note p{ font-size:13px; color:#ff6600; font-style:italic; margin-top:3px; padding-left:16px;}
.order-button{ overflow:hidden; text-align:center; margin-top:24px;}
.order-button .button{display:inline-block;cursor:pointer; vertical-align:top; background:url(http://www.mjgroup.com.vn/images_v3/myvoucher-btn.png) no-repeat;width:237px; height:63px;margin:0 5px;}
.order-button .button:hover{background-position:0 -80px;}
.order-button .button:active{background-position:0 -160px;}

.order-button .button.chapnhan{background-position:0 -238px;}
.order-button .button.chapnhan:hover{background-position:0 -318px;}
.order-button .button.chapnhan:active{background-position:0 -398px;}

.order-button .button.gui{background-position:0 -470px;width:107px; height:50px;}
.order-button .button.gui:hover{background-position:0 -534px;}
.order-button .button.gui:active{background-position:0 -600px;}


.order-customer{ padding:15px 16px 0 16px; overflow:hidden;}
.order-customer h6{ border-top:1px solid #ccc; line-height:12px;}
.order-customer h6 i{ font-size:13px; background:#fff; padding-right:9px; font-family:arial; position:relative; top:-10px;}
.order-customer p{ font-size:13px; font-family:arial; color:#333; margin-top:12px;}
.order-customer p a{ font-size:15px; font-weight:700; color:#0095da;}

.order-branchs{ overflow:hidden; width:790px;}
.order-branchs li{ float:left; padding-right:36px;}
.order-branchs li p{ display:inline-block; font-size:13px; font-family:arial; color:#333; font-weight:600; margin-top:0;}
.order-branchs li p span{ color:#0095da; padding-left:3px;}

.profile-textarea{ border:1px solid #ccc; background-color:#ededed; box-shadow:-1px 1px 5px rgba(0,0,0,0.4) inset; -moz-box-shadow:-1px 1px 5px rgba(0,0,0,0.4) inset; -webkit-box-shadow:-1px 1px 5px rgba(0,0,0,0.4) inset;width:746px; height:47px; padding:6px; margin-top:6px;font-size:13px; font-family:arial;}
.order-button .button.gui .bg-1,.order-button .button.gui .bg-2{ width:95px; height:35px;}
.button.gui i{ background:url(http://www.mjgroup.com.vn/images_v3/btn/gui.png) no-repeat; width:33px; height:23px; margin-top:6px;}
.huydonhang{margin-bottom:10px}
.wrapper-popup{width:100%;height:100%;position:absolute;top:0;left:0}

.detail-order .det-cmt-list{ padding:0 24px 5px 16px;}
.det-cmt-list{ position:relative;}
.det-cmt{ margin-top:20px; clear:left;}
.det-avatar{ float:left; width:48px; height:48px; border:1px solid #ccc; display:inline-block; margin-right:10px;}
.det-avatar img{padding:2px;}
.det-avatar-nick{ position:relative; overflow:hidden;}
.det-avatar-nick .member{background-image:url(http://www.mjgroup.com.vn/images_v3/vip-icon.png); background-repeat:no-repeat; display:block; width:29px; height:33px; position:absolute; top:10px; left:56px;}
.det-avatar-nick.close .member{background-position:0 -150px;}
.avatar-nick{padding-top:6px; float:left;}
.det-nick,.det-time{line-height:20px;}
.det-nick{ color:#000; display:block;font-size:13px; font-weight:700; width:630px;}
.det-nick a{color:#0095da;}
.det-time{ font-size:13px; color:#666;}
.det-cmt-inner{ border:1px solid #ccc; min-height:19px; padding:10px 12px 0 12px; margin-top:10px;
box-shadow:5px 5px 0 1px rgba(223,223,223,0.75); -moz-box-shadow:5px 5px 0 1px rgba(223,223,223,0.75); -webkit-box-shadow:5px 5px 0 1px rgba(223,223,223,0.75);}
.det-cmt-inner p{ color:#000; font-size:13px;}
.det-cmt-inner .amo{ color:#0095da; font-size:13px; text-align:right; display:block;}
.det-cmt-inner .amo b{ font-size:17px;}

.detail-order .det-cmt-inner{ padding-bottom:10px;}

/*Close button*/
.close-popup {background-image: url(http://www.mjgroup.com.vn/images_v3/close-popup.png);height: 19px;position: absolute;right: 5px;top: 5px;width: 19px;}
/*Kay*/
.do-popup.do-kay .p-bg{background:#f2f2f2;}
.do-popup.do-kay .p-title h1{font-family:SFUHelveticaLight,arial;}
.do-popup.do-kay .p-form h6{ font-family:SFUHelveticaLight,arial; font-size:20px; color:#080808; line-height:22px;}
.do-popup.do-kay .p-left p font, .popup.do-kay  .p-left p b{font-family:SFUHelveticaLight,arial;}
.do-popup.do-kay .tab-order{border: 1px solid #D9D9D9;box-shadow:none;}
.do-popup.do-kay .tab-order-h{ background:#f2f2f2;}
.do-popup.do-kay .tab-order .number,.do-popup.do-kay .tab-order .name,.do-popup.do-kay .tab-order .amo,.do-popup.do-kay .tab-order .unitprice,.do-popup.do-kay .tab-order .price{ float:left;font-family:SFUHelveticaLight,arial; }
.do-popup.do-kay .tab-order-h .number,.do-popup.do-kay .tab-order-h .name,.do-popup.do-kay .tab-order-h .amo,.do-popup.do-kay .tab-order-h .unitprice,.do-popup.do-kay .tab-order-h .price{color:#999;}
.do-popup.do-kay .tab-order .line-ver{border-left:1px solid #F2F2F2; border-right:1px solid #D9D9D9;}
.do-popup.do-kay .tab-order .line-hoz{border-top:1px solid #F2F2F2; border-bottom:1px solid #D9D9D9;}
.do-popup.do-kay .tab-order-b{ background:none;}

.do-popup.do-kay .order-button .button.huydonhang{background-position:-487px 0;width:158px; height:48px;}
.do-popup.do-kay .order-button .button.huydonhang:hover{background-position:-487px -78px;}
.do-popup.do-kay .order-button .button.huydonhang:active{background-position:-487px -156px;}

.do-popup.do-kay .order-button .button.chapnhan{background-position:-487px -238px;width:158px; height:48px;}
.do-popup.do-kay .order-button .button.chapnhan:hover{background-position:-487px -316px;}
.do-popup.do-kay .order-button .button.chapnhan:active{background-position:-487px -394px;}

.do-popup.do-kay .order-button .button.gui{background-position:-487px -470px;width:110px; height:28px;margin-right:8px;}
.do-popup.do-kay .order-button .button.gui:hover{background-position:-487px -548px;}
.do-popup.do-kay .order-button .button.gui:active{background-position:-487px -626px;}
/*Paging*/
.do-popup.do-kay .cc-inner-paging a:hover,.do-popup.do-kay .cc-inner-paging span{ background-color:#333333;}

